<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4682440" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon 林草">&#xe6c5;</span>
                <div class="name">组 880</div>
                <div class="code-name">&amp;#xe6c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6c2;</span>
                <div class="name">路径2</div>
                <div class="code-name">&amp;#xe6c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6c3;</span>
                <div class="name">路径3</div>
                <div class="code-name">&amp;#xe6c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6c4;</span>
                <div class="name">组 879</div>
                <div class="code-name">&amp;#xe6c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6be;</span>
                <div class="name">配置恢复</div>
                <div class="code-name">&amp;#xe6be;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe601;</span>
                <div class="name">配置恢复</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe600;</span>
                <div class="name">配置备份</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6ba;</span>
                <div class="name">应用日志管理</div>
                <div class="code-name">&amp;#xe6ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6b6;</span>
                <div class="name">数据共享服务</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6b7;</span>
                <div class="name">数据共享服务</div>
                <div class="code-name">&amp;#xe6b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6b8;</span>
                <div class="name">服务管理</div>
                <div class="code-name">&amp;#xe6b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6b9;</span>
                <div class="name">服务管理</div>
                <div class="code-name">&amp;#xe6b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6b5;</span>
                <div class="name">应用日志管理</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6b1;</span>
                <div class="name">应用配置管理</div>
                <div class="code-name">&amp;#xe6b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6b2;</span>
                <div class="name">应用配置管理</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6b3;</span>
                <div class="name">资源管理</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6b4;</span>
                <div class="name">资源管理</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6af;</span>
                <div class="name">应用访问管理</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6b0;</span>
                <div class="name">应用访问管理</div>
                <div class="code-name">&amp;#xe6b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6ad;</span>
                <div class="name">失败</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6ae;</span>
                <div class="name">转换中</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6ac;</span>
                <div class="name">成功</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6aa;</span>
                <div class="name">上传失败</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6ab;</span>
                <div class="name">视频播放</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6a9;</span>
                <div class="name">关闭</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6a8;</span>
                <div class="name">树-设备</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6a7;</span>
                <div class="name">日志监听</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6a5;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6a6;</span>
                <div class="name">icon</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6a3;</span>
                <div class="name">icon</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6a4;</span>
                <div class="name">icon</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6a2;</span>
                <div class="name">配置</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6a1;</span>
                <div class="name">树-设备</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6a0;</span>
                <div class="name">密码重置</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe69e;</span>
                <div class="name">回复</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe69f;</span>
                <div class="name">上传附件</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe69d;</span>
                <div class="name">重新识别</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe69c;</span>
                <div class="name">切换</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe699;</span>
                <div class="name">NDVI指数比对</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe69a;</span>
                <div class="name">抓拍照片预览</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe69b;</span>
                <div class="name">切换</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe698;</span>
                <div class="name">上传中</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe697;</span>
                <div class="name">多期遥感比对</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe695;</span>
                <div class="name">更新记录</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe696;</span>
                <div class="name">上传</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6c1;</span>
                <div class="name">上传-copy</div>
                <div class="code-name">&amp;#xe6c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6c0;</span>
                <div class="name">列表切换-copy</div>
                <div class="code-name">&amp;#xe6c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe693;</span>
                <div class="name">列表切换</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe694;</span>
                <div class="name">列表切换</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe691;</span>
                <div class="name">无维护计划</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe692;</span>
                <div class="name">已维护</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe669;</span>
                <div class="name">待维护</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe668;</span>
                <div class="name">禁用</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe666;</span>
                <div class="name">新增关联设备</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe667;</span>
                <div class="name">启用</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6bd;</span>
                <div class="name">管理子设备-copy</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe665;</span>
                <div class="name">管理子设备</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe662;</span>
                <div class="name">提示</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe664;</span>
                <div class="name">连接测试</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe663;</span>
                <div class="name">导出</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe65f;</span>
                <div class="name">icon</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe661;</span>
                <div class="name">icon</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe660;</span>
                <div class="name">icon</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe65d;</span>
                <div class="name">日期</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe65e;</span>
                <div class="name">icon</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe65c;</span>
                <div class="name">全屏</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe65b;</span>
                <div class="name">icon</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe657;</span>
                <div class="name">icon</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe656;</span>
                <div class="name">icon</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe65a;</span>
                <div class="name">icon</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe659;</span>
                <div class="name">icon</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe658;</span>
                <div class="name">新增预置点</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe654;</span>
                <div class="name">放大</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe653;</span>
                <div class="name">详情</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe655;</span>
                <div class="name">缩小</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe652;</span>
                <div class="name">菜单管理</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe651;</span>
                <div class="name">菜单管理</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe650;</span>
                <div class="name">服务发布管理</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe64f;</span>
                <div class="name">服务发布管理</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe649;</span>
                <div class="name">数据处理</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe64c;</span>
                <div class="name">数据存储</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe64b;</span>
                <div class="name">数据存储</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe64a;</span>
                <div class="name">数据处理</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe64d;</span>
                <div class="name">元数据管理</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe64e;</span>
                <div class="name">元数据管理</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe648;</span>
                <div class="name">数据资源管理</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe647;</span>
                <div class="name">数据资源管理</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe645;</span>
                <div class="name">数据抽取管理</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe646;</span>
                <div class="name">数据抽取管理</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe643;</span>
                <div class="name">系统日志</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe642;</span>
                <div class="name">字典管理</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe641;</span>
                <div class="name">字典管理</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe644;</span>
                <div class="name">系统日志</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe63e;</span>
                <div class="name">权限管理</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe63b;</span>
                <div class="name">角色管理</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe63d;</span>
                <div class="name">权限管理</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe63c;</span>
                <div class="name">角色管理</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe638;</span>
                <div class="name">人员管理</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe637;</span>
                <div class="name">人员管理</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe63a;</span>
                <div class="name">机构管理</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe639;</span>
                <div class="name">机构管理</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe632;</span>
                <div class="name">算法管理</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe636;</span>
                <div class="name">成果应用</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe635;</span>
                <div class="name">成果应用</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe634;</span>
                <div class="name">智能分析</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe633;</span>
                <div class="name">智能分析</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe631;</span>
                <div class="name">算法管理-x</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe66b;</span>
                <div class="name">树-设备-选中</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe68a;</span>
                <div class="name">实时视频</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe68b;</span>
                <div class="name">算法管理-x</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe68c;</span>
                <div class="name">树-设备-未</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe68d;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe66a;</span>
                <div class="name">设备运维管理</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe68e;</span>
                <div class="name">设备日志-x</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe68f;</span>
                <div class="name">设备运维管理-x</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe690;</span>
                <div class="name">时间</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe670;</span>
                <div class="name">折叠</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe672;</span>
                <div class="name">成果应用</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe680;</span>
                <div class="name">产品管理-x</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe681;</span>
                <div class="name">产品管理</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe671;</span>
                <div class="name">查看</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe682;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe683;</span>
                <div class="name">在线</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe684;</span>
                <div class="name">智能分析</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6bf;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe6bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe66f;</span>
                <div class="name">新建</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe685;</span>
                <div class="name">项目管理-x</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe686;</span>
                <div class="name">消息</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe66e;</span>
                <div class="name">详情</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe687;</span>
                <div class="name">项目管理</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe66d;</span>
                <div class="name">下拉-面</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe688;</span>
                <div class="name">统计分析-x</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe689;</span>
                <div class="name">下拉</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe66c;</span>
                <div class="name">统计分析</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6bc;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe6bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe6bb;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe6bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe676;</span>
                <div class="name">设备日志</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe675;</span>
                <div class="name">设备管理-x</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe677;</span>
                <div class="name">设备管理</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe674;</span>
                <div class="name">设备告警</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe678;</span>
                <div class="name">设备告警-x</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe679;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe67a;</span>
                <div class="name">默认头像</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe67b;</span>
                <div class="name">路径</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe67c;</span>
                <div class="name">离线</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe673;</span>
                <div class="name">回放</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe67d;</span>
                <div class="name">监测任务管理</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe67e;</span>
                <div class="name">监测任务-x</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon 林草">&#xe67f;</span>
                <div class="name">返回</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: '林草';
  src: url('iconfont.eot?t=1736393362809'); /* IE9 */
  src: url('iconfont.eot?t=1736393362809#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
       url('iconfont.woff?t=1736393362809') format('woff'),
       url('iconfont.ttf?t=1736393362809') format('truetype'),
       url('iconfont.svg?t=1736393362809#林草') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.林草 {
  font-family: "林草" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="林草"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"林草" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu880"></span>
            <div class="name">
              组 880
            </div>
            <div class="code-name">.icon-a-zu880
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-lujing2"></span>
            <div class="name">
              路径2
            </div>
            <div class="code-name">.icon-lujing2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-lujing3"></span>
            <div class="name">
              路径3
            </div>
            <div class="code-name">.icon-lujing3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu879"></span>
            <div class="name">
              组 879
            </div>
            <div class="code-name">.icon-a-zu879
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-peizhihuifu2"></span>
            <div class="name">
              配置恢复
            </div>
            <div class="code-name">.icon-peizhihuifu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-peizhihuifu"></span>
            <div class="name">
              配置恢复
            </div>
            <div class="code-name">.icon-peizhihuifu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-peizhibeifen"></span>
            <div class="name">
              配置备份
            </div>
            <div class="code-name">.icon-peizhibeifen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu6721"></span>
            <div class="name">
              应用日志管理
            </div>
            <div class="code-name">.icon-a-zu6721
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu6751"></span>
            <div class="name">
              数据共享服务
            </div>
            <div class="code-name">.icon-a-zu6751
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu669"></span>
            <div class="name">
              数据共享服务
            </div>
            <div class="code-name">.icon-a-zu669
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu6731"></span>
            <div class="name">
              服务管理
            </div>
            <div class="code-name">.icon-a-zu6731
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu667"></span>
            <div class="name">
              服务管理
            </div>
            <div class="code-name">.icon-a-zu667
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu6661"></span>
            <div class="name">
              应用日志管理
            </div>
            <div class="code-name">.icon-a-zu6661
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu6741"></span>
            <div class="name">
              应用配置管理
            </div>
            <div class="code-name">.icon-a-zu6741
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu668"></span>
            <div class="name">
              应用配置管理
            </div>
            <div class="code-name">.icon-a-zu668
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu670"></span>
            <div class="name">
              资源管理
            </div>
            <div class="code-name">.icon-a-zu670
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu659"></span>
            <div class="name">
              资源管理
            </div>
            <div class="code-name">.icon-a-zu659
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu665"></span>
            <div class="name">
              应用访问管理
            </div>
            <div class="code-name">.icon-a-zu665
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu6711"></span>
            <div class="name">
              应用访问管理
            </div>
            <div class="code-name">.icon-a-zu6711
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-rongqi31"></span>
            <div class="name">
              失败
            </div>
            <div class="code-name">.icon-a-rongqi31
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-rongqi30"></span>
            <div class="name">
              转换中
            </div>
            <div class="code-name">.icon-a-rongqi30
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-rongqi32"></span>
            <div class="name">
              成功
            </div>
            <div class="code-name">.icon-a-rongqi32
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-lujing23"></span>
            <div class="name">
              上传失败
            </div>
            <div class="code-name">.icon-a-lujing23
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-lujing22"></span>
            <div class="name">
              视频播放
            </div>
            <div class="code-name">.icon-a-lujing22
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-lujing24"></span>
            <div class="name">
              关闭
            </div>
            <div class="code-name">.icon-a-lujing24
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-shu-shebei-wei1"></span>
            <div class="name">
              树-设备
            </div>
            <div class="code-name">.icon-a-shu-shebei-wei1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu774"></span>
            <div class="name">
              日志监听
            </div>
            <div class="code-name">.icon-a-zu774
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-lujing21"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.icon-a-lujing21
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu225"></span>
            <div class="name">
              icon
            </div>
            <div class="code-name">.icon-a-zu225
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-lujing19"></span>
            <div class="name">
              icon
            </div>
            <div class="code-name">.icon-a-lujing19
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-lujing18"></span>
            <div class="name">
              icon
            </div>
            <div class="code-name">.icon-a-lujing18
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-lujing20"></span>
            <div class="name">
              配置
            </div>
            <div class="code-name">.icon-a-lujing20
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-shu-shebei-wei1"></span>
            <div class="name">
              树-设备
            </div>
            <div class="code-name">.icon-shu-shebei-wei1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu682"></span>
            <div class="name">
              密码重置
            </div>
            <div class="code-name">.icon-a-zu682
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-rongqi291"></span>
            <div class="name">
              回复
            </div>
            <div class="code-name">.icon-a-rongqi291
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-lujing17"></span>
            <div class="name">
              上传附件
            </div>
            <div class="code-name">.icon-a-lujing17
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-rongqi271"></span>
            <div class="name">
              重新识别
            </div>
            <div class="code-name">.icon-a-rongqi271
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-lujing14"></span>
            <div class="name">
              切换
            </div>
            <div class="code-name">.icon-a-lujing14
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-rongqi281"></span>
            <div class="name">
              NDVI指数比对
            </div>
            <div class="code-name">.icon-a-rongqi281
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-lujing16"></span>
            <div class="name">
              抓拍照片预览
            </div>
            <div class="code-name">.icon-a-lujing16
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-lujing15"></span>
            <div class="name">
              切换
            </div>
            <div class="code-name">.icon-a-lujing15
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-rongqi251"></span>
            <div class="name">
              上传中
            </div>
            <div class="code-name">.icon-a-rongqi251
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-rongqi261"></span>
            <div class="name">
              多期遥感比对
            </div>
            <div class="code-name">.icon-a-rongqi261
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-lujing13"></span>
            <div class="name">
              更新记录
            </div>
            <div class="code-name">.icon-a-lujing13
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu706"></span>
            <div class="name">
              上传
            </div>
            <div class="code-name">.icon-a-zu706
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu706-copy"></span>
            <div class="name">
              上传-copy
            </div>
            <div class="code-name">.icon-a-zu706-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu700-copy"></span>
            <div class="name">
              列表切换-copy
            </div>
            <div class="code-name">.icon-a-zu700-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-lujing12"></span>
            <div class="name">
              列表切换
            </div>
            <div class="code-name">.icon-a-lujing12
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu700"></span>
            <div class="name">
              列表切换
            </div>
            <div class="code-name">.icon-a-zu700
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-lujing11"></span>
            <div class="name">
              无维护计划
            </div>
            <div class="code-name">.icon-a-lujing11
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-lujing10"></span>
            <div class="name">
              已维护
            </div>
            <div class="code-name">.icon-a-lujing10
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-lujing9"></span>
            <div class="name">
              待维护
            </div>
            <div class="code-name">.icon-a-lujing9
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-lujing8"></span>
            <div class="name">
              禁用
            </div>
            <div class="code-name">.icon-a-lujing8
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-lujing6"></span>
            <div class="name">
              新增关联设备
            </div>
            <div class="code-name">.icon-a-lujing6
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-lujing7"></span>
            <div class="name">
              启用
            </div>
            <div class="code-name">.icon-a-lujing7
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu618-2"></span>
            <div class="name">
              管理子设备-copy
            </div>
            <div class="code-name">.icon-a-zu618-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu618"></span>
            <div class="name">
              管理子设备
            </div>
            <div class="code-name">.icon-a-zu618
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-rongqi241"></span>
            <div class="name">
              提示
            </div>
            <div class="code-name">.icon-a-rongqi241
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu617"></span>
            <div class="name">
              连接测试
            </div>
            <div class="code-name">.icon-a-zu617
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-lujing5"></span>
            <div class="name">
              导出
            </div>
            <div class="code-name">.icon-a-lujing5
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-rongqi191"></span>
            <div class="name">
              icon
            </div>
            <div class="code-name">.icon-a-rongqi191
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-lujing4"></span>
            <div class="name">
              icon
            </div>
            <div class="code-name">.icon-a-lujing4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-lujing3"></span>
            <div class="name">
              icon
            </div>
            <div class="code-name">.icon-a-lujing3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-rongqi16"></span>
            <div class="name">
              日期
            </div>
            <div class="code-name">.icon-a-rongqi16
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-rongqi201"></span>
            <div class="name">
              icon
            </div>
            <div class="code-name">.icon-a-rongqi201
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-rongqi29"></span>
            <div class="name">
              全屏
            </div>
            <div class="code-name">.icon-a-rongqi29
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-rongqi28"></span>
            <div class="name">
              icon
            </div>
            <div class="code-name">.icon-a-rongqi28
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-rongqi24"></span>
            <div class="name">
              icon
            </div>
            <div class="code-name">.icon-a-rongqi24
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-rongqi23"></span>
            <div class="name">
              icon
            </div>
            <div class="code-name">.icon-a-rongqi23
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-rongqi27"></span>
            <div class="name">
              icon
            </div>
            <div class="code-name">.icon-a-rongqi27
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-rongqi26"></span>
            <div class="name">
              icon
            </div>
            <div class="code-name">.icon-a-rongqi26
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-rongqi25"></span>
            <div class="name">
              新增预置点
            </div>
            <div class="code-name">.icon-a-rongqi25
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-rongqi21"></span>
            <div class="name">
              放大
            </div>
            <div class="code-name">.icon-a-rongqi21
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu666"></span>
            <div class="name">
              详情
            </div>
            <div class="code-name">.icon-a-zu666
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-rongqi22"></span>
            <div class="name">
              缩小
            </div>
            <div class="code-name">.icon-a-rongqi22
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu676"></span>
            <div class="name">
              菜单管理
            </div>
            <div class="code-name">.icon-a-zu676
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu675"></span>
            <div class="name">
              菜单管理
            </div>
            <div class="code-name">.icon-a-zu675
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu673"></span>
            <div class="name">
              服务发布管理
            </div>
            <div class="code-name">.icon-a-zu673
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu6601"></span>
            <div class="name">
              服务发布管理
            </div>
            <div class="code-name">.icon-a-zu6601
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu6591"></span>
            <div class="name">
              数据处理
            </div>
            <div class="code-name">.icon-a-zu6591
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu672"></span>
            <div class="name">
              数据存储
            </div>
            <div class="code-name">.icon-a-zu672
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu662"></span>
            <div class="name">
              数据存储
            </div>
            <div class="code-name">.icon-a-zu662
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu6491"></span>
            <div class="name">
              数据处理
            </div>
            <div class="code-name">.icon-a-zu6491
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu6581"></span>
            <div class="name">
              元数据管理
            </div>
            <div class="code-name">.icon-a-zu6581
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu671"></span>
            <div class="name">
              元数据管理
            </div>
            <div class="code-name">.icon-a-zu671
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu674"></span>
            <div class="name">
              数据资源管理
            </div>
            <div class="code-name">.icon-a-zu674
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu6612"></span>
            <div class="name">
              数据资源管理
            </div>
            <div class="code-name">.icon-a-zu6612
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-rongqi19"></span>
            <div class="name">
              数据抽取管理
            </div>
            <div class="code-name">.icon-a-rongqi19
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-rongqi20"></span>
            <div class="name">
              数据抽取管理
            </div>
            <div class="code-name">.icon-a-rongqi20
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu658"></span>
            <div class="name">
              系统日志
            </div>
            <div class="code-name">.icon-a-zu658
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu653"></span>
            <div class="name">
              字典管理
            </div>
            <div class="code-name">.icon-a-zu653
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu651"></span>
            <div class="name">
              字典管理
            </div>
            <div class="code-name">.icon-a-zu651
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu650"></span>
            <div class="name">
              系统日志
            </div>
            <div class="code-name">.icon-a-zu650
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu6525"></span>
            <div class="name">
              权限管理
            </div>
            <div class="code-name">.icon-a-zu6525
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu649"></span>
            <div class="name">
              角色管理
            </div>
            <div class="code-name">.icon-a-zu649
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu656"></span>
            <div class="name">
              权限管理
            </div>
            <div class="code-name">.icon-a-zu656
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu654"></span>
            <div class="name">
              角色管理
            </div>
            <div class="code-name">.icon-a-zu654
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu647"></span>
            <div class="name">
              人员管理
            </div>
            <div class="code-name">.icon-a-zu647
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu660"></span>
            <div class="name">
              人员管理
            </div>
            <div class="code-name">.icon-a-zu660
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu648"></span>
            <div class="name">
              机构管理
            </div>
            <div class="code-name">.icon-a-zu648
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zu657"></span>
            <div class="name">
              机构管理
            </div>
            <div class="code-name">.icon-a-zu657
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-suanfaguanli-x1"></span>
            <div class="name">
              算法管理
            </div>
            <div class="code-name">.icon-a-suanfaguanli-x1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-chengguoyingyong1"></span>
            <div class="name">
              成果应用
            </div>
            <div class="code-name">.icon-a-chengguoyingyong1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-chengguoyingyong1"></span>
            <div class="name">
              成果应用
            </div>
            <div class="code-name">.icon-chengguoyingyong1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-a-zhinengfenxi1"></span>
            <div class="name">
              智能分析
            </div>
            <div class="code-name">.icon-a-zhinengfenxi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-zhinengfenxi1"></span>
            <div class="name">
              智能分析
            </div>
            <div class="code-name">.icon-zhinengfenxi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-suanfaguanli-x1"></span>
            <div class="name">
              算法管理-x
            </div>
            <div class="code-name">.icon-suanfaguanli-x1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-shu-shebei-xuanzhong"></span>
            <div class="name">
              树-设备-选中
            </div>
            <div class="code-name">.icon-shu-shebei-xuanzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-shishishipin"></span>
            <div class="name">
              实时视频
            </div>
            <div class="code-name">.icon-shishishipin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-suanfaguanli-x"></span>
            <div class="name">
              算法管理-x
            </div>
            <div class="code-name">.icon-suanfaguanli-x
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-shu-shebei-wei"></span>
            <div class="name">
              树-设备-未
            </div>
            <div class="code-name">.icon-shu-shebei-wei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-sousuo"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.icon-sousuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-shebeiyunweiguanli"></span>
            <div class="name">
              设备运维管理
            </div>
            <div class="code-name">.icon-shebeiyunweiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-shebeirizhi-x"></span>
            <div class="name">
              设备日志-x
            </div>
            <div class="code-name">.icon-shebeirizhi-x
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-shebeiyunweiguanli-x"></span>
            <div class="name">
              设备运维管理-x
            </div>
            <div class="code-name">.icon-shebeiyunweiguanli-x
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-shijian"></span>
            <div class="name">
              时间
            </div>
            <div class="code-name">.icon-shijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-zhedie"></span>
            <div class="name">
              折叠
            </div>
            <div class="code-name">.icon-zhedie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-chengguoyingyong"></span>
            <div class="name">
              成果应用
            </div>
            <div class="code-name">.icon-chengguoyingyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-chanpinguanli-x"></span>
            <div class="name">
              产品管理-x
            </div>
            <div class="code-name">.icon-chanpinguanli-x
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-chanpinguanli"></span>
            <div class="name">
              产品管理
            </div>
            <div class="code-name">.icon-chanpinguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-chakan"></span>
            <div class="name">
              查看
            </div>
            <div class="code-name">.icon-chakan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-bianji"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-bianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-zaixian"></span>
            <div class="name">
              在线
            </div>
            <div class="code-name">.icon-zaixian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-zhinengfenxi"></span>
            <div class="name">
              智能分析
            </div>
            <div class="code-name">.icon-zhinengfenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-bianji2-copy"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-bianji2-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-xinjian"></span>
            <div class="name">
              新建
            </div>
            <div class="code-name">.icon-xinjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-xiangmuguanli-x"></span>
            <div class="name">
              项目管理-x
            </div>
            <div class="code-name">.icon-xiangmuguanli-x
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-xiaoxi"></span>
            <div class="name">
              消息
            </div>
            <div class="code-name">.icon-xiaoxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-xiangqing"></span>
            <div class="name">
              详情
            </div>
            <div class="code-name">.icon-xiangqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-xiangmuguanli"></span>
            <div class="name">
              项目管理
            </div>
            <div class="code-name">.icon-xiangmuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-xiala-mian"></span>
            <div class="name">
              下拉-面
            </div>
            <div class="code-name">.icon-xiala-mian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-tongjifenxi-x"></span>
            <div class="name">
              统计分析-x
            </div>
            <div class="code-name">.icon-tongjifenxi-x
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-xiala"></span>
            <div class="name">
              下拉
            </div>
            <div class="code-name">.icon-xiala
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-tongjifenxi"></span>
            <div class="name">
              统计分析
            </div>
            <div class="code-name">.icon-tongjifenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-bianji2"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-bianji2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-shanchu2"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon-shanchu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-shebeirizhi"></span>
            <div class="name">
              设备日志
            </div>
            <div class="code-name">.icon-shebeirizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-shebeiguanli-x"></span>
            <div class="name">
              设备管理-x
            </div>
            <div class="code-name">.icon-shebeiguanli-x
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-shebeiguanli"></span>
            <div class="name">
              设备管理
            </div>
            <div class="code-name">.icon-shebeiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-shebeigaojing"></span>
            <div class="name">
              设备告警
            </div>
            <div class="code-name">.icon-shebeigaojing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-shebeigaojing-x"></span>
            <div class="name">
              设备告警-x
            </div>
            <div class="code-name">.icon-shebeigaojing-x
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-shanchu"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon-shanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-morentouxiang"></span>
            <div class="name">
              默认头像
            </div>
            <div class="code-name">.icon-morentouxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-lujing"></span>
            <div class="name">
              路径
            </div>
            <div class="code-name">.icon-lujing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-lixian"></span>
            <div class="name">
              离线
            </div>
            <div class="code-name">.icon-lixian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-huifang"></span>
            <div class="name">
              回放
            </div>
            <div class="code-name">.icon-huifang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-jiancerenwuguanli"></span>
            <div class="name">
              监测任务管理
            </div>
            <div class="code-name">.icon-jiancerenwuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-jiancerenwu-x"></span>
            <div class="name">
              监测任务-x
            </div>
            <div class="code-name">.icon-jiancerenwu-x
            </div>
          </li>
          
          <li class="dib">
            <span class="icon 林草 icon-fanhui"></span>
            <div class="name">
              返回
            </div>
            <div class="code-name">.icon-fanhui
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="林草 icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            林草" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu880"></use>
                </svg>
                <div class="name">组 880</div>
                <div class="code-name">#icon-a-zu880</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lujing2"></use>
                </svg>
                <div class="name">路径2</div>
                <div class="code-name">#icon-lujing2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lujing3"></use>
                </svg>
                <div class="name">路径3</div>
                <div class="code-name">#icon-lujing3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu879"></use>
                </svg>
                <div class="name">组 879</div>
                <div class="code-name">#icon-a-zu879</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-peizhihuifu2"></use>
                </svg>
                <div class="name">配置恢复</div>
                <div class="code-name">#icon-peizhihuifu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-peizhihuifu"></use>
                </svg>
                <div class="name">配置恢复</div>
                <div class="code-name">#icon-peizhihuifu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-peizhibeifen"></use>
                </svg>
                <div class="name">配置备份</div>
                <div class="code-name">#icon-peizhibeifen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu6721"></use>
                </svg>
                <div class="name">应用日志管理</div>
                <div class="code-name">#icon-a-zu6721</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu6751"></use>
                </svg>
                <div class="name">数据共享服务</div>
                <div class="code-name">#icon-a-zu6751</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu669"></use>
                </svg>
                <div class="name">数据共享服务</div>
                <div class="code-name">#icon-a-zu669</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu6731"></use>
                </svg>
                <div class="name">服务管理</div>
                <div class="code-name">#icon-a-zu6731</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu667"></use>
                </svg>
                <div class="name">服务管理</div>
                <div class="code-name">#icon-a-zu667</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu6661"></use>
                </svg>
                <div class="name">应用日志管理</div>
                <div class="code-name">#icon-a-zu6661</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu6741"></use>
                </svg>
                <div class="name">应用配置管理</div>
                <div class="code-name">#icon-a-zu6741</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu668"></use>
                </svg>
                <div class="name">应用配置管理</div>
                <div class="code-name">#icon-a-zu668</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu670"></use>
                </svg>
                <div class="name">资源管理</div>
                <div class="code-name">#icon-a-zu670</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu659"></use>
                </svg>
                <div class="name">资源管理</div>
                <div class="code-name">#icon-a-zu659</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu665"></use>
                </svg>
                <div class="name">应用访问管理</div>
                <div class="code-name">#icon-a-zu665</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu6711"></use>
                </svg>
                <div class="name">应用访问管理</div>
                <div class="code-name">#icon-a-zu6711</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-rongqi31"></use>
                </svg>
                <div class="name">失败</div>
                <div class="code-name">#icon-a-rongqi31</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-rongqi30"></use>
                </svg>
                <div class="name">转换中</div>
                <div class="code-name">#icon-a-rongqi30</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-rongqi32"></use>
                </svg>
                <div class="name">成功</div>
                <div class="code-name">#icon-a-rongqi32</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-lujing23"></use>
                </svg>
                <div class="name">上传失败</div>
                <div class="code-name">#icon-a-lujing23</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-lujing22"></use>
                </svg>
                <div class="name">视频播放</div>
                <div class="code-name">#icon-a-lujing22</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-lujing24"></use>
                </svg>
                <div class="name">关闭</div>
                <div class="code-name">#icon-a-lujing24</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-shu-shebei-wei1"></use>
                </svg>
                <div class="name">树-设备</div>
                <div class="code-name">#icon-a-shu-shebei-wei1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu774"></use>
                </svg>
                <div class="name">日志监听</div>
                <div class="code-name">#icon-a-zu774</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-lujing21"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#icon-a-lujing21</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu225"></use>
                </svg>
                <div class="name">icon</div>
                <div class="code-name">#icon-a-zu225</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-lujing19"></use>
                </svg>
                <div class="name">icon</div>
                <div class="code-name">#icon-a-lujing19</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-lujing18"></use>
                </svg>
                <div class="name">icon</div>
                <div class="code-name">#icon-a-lujing18</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-lujing20"></use>
                </svg>
                <div class="name">配置</div>
                <div class="code-name">#icon-a-lujing20</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shu-shebei-wei1"></use>
                </svg>
                <div class="name">树-设备</div>
                <div class="code-name">#icon-shu-shebei-wei1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu682"></use>
                </svg>
                <div class="name">密码重置</div>
                <div class="code-name">#icon-a-zu682</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-rongqi291"></use>
                </svg>
                <div class="name">回复</div>
                <div class="code-name">#icon-a-rongqi291</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-lujing17"></use>
                </svg>
                <div class="name">上传附件</div>
                <div class="code-name">#icon-a-lujing17</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-rongqi271"></use>
                </svg>
                <div class="name">重新识别</div>
                <div class="code-name">#icon-a-rongqi271</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-lujing14"></use>
                </svg>
                <div class="name">切换</div>
                <div class="code-name">#icon-a-lujing14</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-rongqi281"></use>
                </svg>
                <div class="name">NDVI指数比对</div>
                <div class="code-name">#icon-a-rongqi281</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-lujing16"></use>
                </svg>
                <div class="name">抓拍照片预览</div>
                <div class="code-name">#icon-a-lujing16</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-lujing15"></use>
                </svg>
                <div class="name">切换</div>
                <div class="code-name">#icon-a-lujing15</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-rongqi251"></use>
                </svg>
                <div class="name">上传中</div>
                <div class="code-name">#icon-a-rongqi251</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-rongqi261"></use>
                </svg>
                <div class="name">多期遥感比对</div>
                <div class="code-name">#icon-a-rongqi261</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-lujing13"></use>
                </svg>
                <div class="name">更新记录</div>
                <div class="code-name">#icon-a-lujing13</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu706"></use>
                </svg>
                <div class="name">上传</div>
                <div class="code-name">#icon-a-zu706</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu706-copy"></use>
                </svg>
                <div class="name">上传-copy</div>
                <div class="code-name">#icon-a-zu706-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu700-copy"></use>
                </svg>
                <div class="name">列表切换-copy</div>
                <div class="code-name">#icon-a-zu700-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-lujing12"></use>
                </svg>
                <div class="name">列表切换</div>
                <div class="code-name">#icon-a-lujing12</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu700"></use>
                </svg>
                <div class="name">列表切换</div>
                <div class="code-name">#icon-a-zu700</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-lujing11"></use>
                </svg>
                <div class="name">无维护计划</div>
                <div class="code-name">#icon-a-lujing11</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-lujing10"></use>
                </svg>
                <div class="name">已维护</div>
                <div class="code-name">#icon-a-lujing10</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-lujing9"></use>
                </svg>
                <div class="name">待维护</div>
                <div class="code-name">#icon-a-lujing9</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-lujing8"></use>
                </svg>
                <div class="name">禁用</div>
                <div class="code-name">#icon-a-lujing8</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-lujing6"></use>
                </svg>
                <div class="name">新增关联设备</div>
                <div class="code-name">#icon-a-lujing6</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-lujing7"></use>
                </svg>
                <div class="name">启用</div>
                <div class="code-name">#icon-a-lujing7</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu618-2"></use>
                </svg>
                <div class="name">管理子设备-copy</div>
                <div class="code-name">#icon-a-zu618-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu618"></use>
                </svg>
                <div class="name">管理子设备</div>
                <div class="code-name">#icon-a-zu618</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-rongqi241"></use>
                </svg>
                <div class="name">提示</div>
                <div class="code-name">#icon-a-rongqi241</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu617"></use>
                </svg>
                <div class="name">连接测试</div>
                <div class="code-name">#icon-a-zu617</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-lujing5"></use>
                </svg>
                <div class="name">导出</div>
                <div class="code-name">#icon-a-lujing5</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-rongqi191"></use>
                </svg>
                <div class="name">icon</div>
                <div class="code-name">#icon-a-rongqi191</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-lujing4"></use>
                </svg>
                <div class="name">icon</div>
                <div class="code-name">#icon-a-lujing4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-lujing3"></use>
                </svg>
                <div class="name">icon</div>
                <div class="code-name">#icon-a-lujing3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-rongqi16"></use>
                </svg>
                <div class="name">日期</div>
                <div class="code-name">#icon-a-rongqi16</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-rongqi201"></use>
                </svg>
                <div class="name">icon</div>
                <div class="code-name">#icon-a-rongqi201</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-rongqi29"></use>
                </svg>
                <div class="name">全屏</div>
                <div class="code-name">#icon-a-rongqi29</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-rongqi28"></use>
                </svg>
                <div class="name">icon</div>
                <div class="code-name">#icon-a-rongqi28</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-rongqi24"></use>
                </svg>
                <div class="name">icon</div>
                <div class="code-name">#icon-a-rongqi24</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-rongqi23"></use>
                </svg>
                <div class="name">icon</div>
                <div class="code-name">#icon-a-rongqi23</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-rongqi27"></use>
                </svg>
                <div class="name">icon</div>
                <div class="code-name">#icon-a-rongqi27</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-rongqi26"></use>
                </svg>
                <div class="name">icon</div>
                <div class="code-name">#icon-a-rongqi26</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-rongqi25"></use>
                </svg>
                <div class="name">新增预置点</div>
                <div class="code-name">#icon-a-rongqi25</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-rongqi21"></use>
                </svg>
                <div class="name">放大</div>
                <div class="code-name">#icon-a-rongqi21</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu666"></use>
                </svg>
                <div class="name">详情</div>
                <div class="code-name">#icon-a-zu666</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-rongqi22"></use>
                </svg>
                <div class="name">缩小</div>
                <div class="code-name">#icon-a-rongqi22</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu676"></use>
                </svg>
                <div class="name">菜单管理</div>
                <div class="code-name">#icon-a-zu676</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu675"></use>
                </svg>
                <div class="name">菜单管理</div>
                <div class="code-name">#icon-a-zu675</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu673"></use>
                </svg>
                <div class="name">服务发布管理</div>
                <div class="code-name">#icon-a-zu673</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu6601"></use>
                </svg>
                <div class="name">服务发布管理</div>
                <div class="code-name">#icon-a-zu6601</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu6591"></use>
                </svg>
                <div class="name">数据处理</div>
                <div class="code-name">#icon-a-zu6591</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu672"></use>
                </svg>
                <div class="name">数据存储</div>
                <div class="code-name">#icon-a-zu672</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu662"></use>
                </svg>
                <div class="name">数据存储</div>
                <div class="code-name">#icon-a-zu662</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu6491"></use>
                </svg>
                <div class="name">数据处理</div>
                <div class="code-name">#icon-a-zu6491</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu6581"></use>
                </svg>
                <div class="name">元数据管理</div>
                <div class="code-name">#icon-a-zu6581</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu671"></use>
                </svg>
                <div class="name">元数据管理</div>
                <div class="code-name">#icon-a-zu671</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu674"></use>
                </svg>
                <div class="name">数据资源管理</div>
                <div class="code-name">#icon-a-zu674</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu6612"></use>
                </svg>
                <div class="name">数据资源管理</div>
                <div class="code-name">#icon-a-zu6612</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-rongqi19"></use>
                </svg>
                <div class="name">数据抽取管理</div>
                <div class="code-name">#icon-a-rongqi19</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-rongqi20"></use>
                </svg>
                <div class="name">数据抽取管理</div>
                <div class="code-name">#icon-a-rongqi20</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu658"></use>
                </svg>
                <div class="name">系统日志</div>
                <div class="code-name">#icon-a-zu658</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu653"></use>
                </svg>
                <div class="name">字典管理</div>
                <div class="code-name">#icon-a-zu653</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu651"></use>
                </svg>
                <div class="name">字典管理</div>
                <div class="code-name">#icon-a-zu651</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu650"></use>
                </svg>
                <div class="name">系统日志</div>
                <div class="code-name">#icon-a-zu650</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu6525"></use>
                </svg>
                <div class="name">权限管理</div>
                <div class="code-name">#icon-a-zu6525</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu649"></use>
                </svg>
                <div class="name">角色管理</div>
                <div class="code-name">#icon-a-zu649</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu656"></use>
                </svg>
                <div class="name">权限管理</div>
                <div class="code-name">#icon-a-zu656</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu654"></use>
                </svg>
                <div class="name">角色管理</div>
                <div class="code-name">#icon-a-zu654</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu647"></use>
                </svg>
                <div class="name">人员管理</div>
                <div class="code-name">#icon-a-zu647</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu660"></use>
                </svg>
                <div class="name">人员管理</div>
                <div class="code-name">#icon-a-zu660</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu648"></use>
                </svg>
                <div class="name">机构管理</div>
                <div class="code-name">#icon-a-zu648</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu657"></use>
                </svg>
                <div class="name">机构管理</div>
                <div class="code-name">#icon-a-zu657</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-suanfaguanli-x1"></use>
                </svg>
                <div class="name">算法管理</div>
                <div class="code-name">#icon-a-suanfaguanli-x1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-chengguoyingyong1"></use>
                </svg>
                <div class="name">成果应用</div>
                <div class="code-name">#icon-a-chengguoyingyong1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chengguoyingyong1"></use>
                </svg>
                <div class="name">成果应用</div>
                <div class="code-name">#icon-chengguoyingyong1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zhinengfenxi1"></use>
                </svg>
                <div class="name">智能分析</div>
                <div class="code-name">#icon-a-zhinengfenxi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhinengfenxi1"></use>
                </svg>
                <div class="name">智能分析</div>
                <div class="code-name">#icon-zhinengfenxi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-suanfaguanli-x1"></use>
                </svg>
                <div class="name">算法管理-x</div>
                <div class="code-name">#icon-suanfaguanli-x1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shu-shebei-xuanzhong"></use>
                </svg>
                <div class="name">树-设备-选中</div>
                <div class="code-name">#icon-shu-shebei-xuanzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shishishipin"></use>
                </svg>
                <div class="name">实时视频</div>
                <div class="code-name">#icon-shishishipin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-suanfaguanli-x"></use>
                </svg>
                <div class="name">算法管理-x</div>
                <div class="code-name">#icon-suanfaguanli-x</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shu-shebei-wei"></use>
                </svg>
                <div class="name">树-设备-未</div>
                <div class="code-name">#icon-shu-shebei-wei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sousuo"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#icon-sousuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebeiyunweiguanli"></use>
                </svg>
                <div class="name">设备运维管理</div>
                <div class="code-name">#icon-shebeiyunweiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebeirizhi-x"></use>
                </svg>
                <div class="name">设备日志-x</div>
                <div class="code-name">#icon-shebeirizhi-x</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebeiyunweiguanli-x"></use>
                </svg>
                <div class="name">设备运维管理-x</div>
                <div class="code-name">#icon-shebeiyunweiguanli-x</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijian"></use>
                </svg>
                <div class="name">时间</div>
                <div class="code-name">#icon-shijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhedie"></use>
                </svg>
                <div class="name">折叠</div>
                <div class="code-name">#icon-zhedie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chengguoyingyong"></use>
                </svg>
                <div class="name">成果应用</div>
                <div class="code-name">#icon-chengguoyingyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chanpinguanli-x"></use>
                </svg>
                <div class="name">产品管理-x</div>
                <div class="code-name">#icon-chanpinguanli-x</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chanpinguanli"></use>
                </svg>
                <div class="name">产品管理</div>
                <div class="code-name">#icon-chanpinguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chakan"></use>
                </svg>
                <div class="name">查看</div>
                <div class="code-name">#icon-chakan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianji"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-bianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zaixian"></use>
                </svg>
                <div class="name">在线</div>
                <div class="code-name">#icon-zaixian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhinengfenxi"></use>
                </svg>
                <div class="name">智能分析</div>
                <div class="code-name">#icon-zhinengfenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianji2-copy"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-bianji2-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinjian"></use>
                </svg>
                <div class="name">新建</div>
                <div class="code-name">#icon-xinjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangmuguanli-x"></use>
                </svg>
                <div class="name">项目管理-x</div>
                <div class="code-name">#icon-xiangmuguanli-x</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoxi"></use>
                </svg>
                <div class="name">消息</div>
                <div class="code-name">#icon-xiaoxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangqing"></use>
                </svg>
                <div class="name">详情</div>
                <div class="code-name">#icon-xiangqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangmuguanli"></use>
                </svg>
                <div class="name">项目管理</div>
                <div class="code-name">#icon-xiangmuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiala-mian"></use>
                </svg>
                <div class="name">下拉-面</div>
                <div class="code-name">#icon-xiala-mian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongjifenxi-x"></use>
                </svg>
                <div class="name">统计分析-x</div>
                <div class="code-name">#icon-tongjifenxi-x</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiala"></use>
                </svg>
                <div class="name">下拉</div>
                <div class="code-name">#icon-xiala</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongjifenxi"></use>
                </svg>
                <div class="name">统计分析</div>
                <div class="code-name">#icon-tongjifenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianji2"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-bianji2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu2"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#icon-shanchu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebeirizhi"></use>
                </svg>
                <div class="name">设备日志</div>
                <div class="code-name">#icon-shebeirizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebeiguanli-x"></use>
                </svg>
                <div class="name">设备管理-x</div>
                <div class="code-name">#icon-shebeiguanli-x</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebeiguanli"></use>
                </svg>
                <div class="name">设备管理</div>
                <div class="code-name">#icon-shebeiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebeigaojing"></use>
                </svg>
                <div class="name">设备告警</div>
                <div class="code-name">#icon-shebeigaojing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebeigaojing-x"></use>
                </svg>
                <div class="name">设备告警-x</div>
                <div class="code-name">#icon-shebeigaojing-x</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#icon-shanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-morentouxiang"></use>
                </svg>
                <div class="name">默认头像</div>
                <div class="code-name">#icon-morentouxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lujing"></use>
                </svg>
                <div class="name">路径</div>
                <div class="code-name">#icon-lujing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lixian"></use>
                </svg>
                <div class="name">离线</div>
                <div class="code-name">#icon-lixian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huifang"></use>
                </svg>
                <div class="name">回放</div>
                <div class="code-name">#icon-huifang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiancerenwuguanli"></use>
                </svg>
                <div class="name">监测任务管理</div>
                <div class="code-name">#icon-jiancerenwuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiancerenwu-x"></use>
                </svg>
                <div class="name">监测任务-x</div>
                <div class="code-name">#icon-jiancerenwu-x</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fanhui"></use>
                </svg>
                <div class="name">返回</div>
                <div class="code-name">#icon-fanhui</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
